<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="template/main.xhtml">

	<ui:define name="title">
	    سفارة المملكة الأردنية الهاشمية في الكويت - الباحثين عن عمل في الكويت
	</ui:define>

	<ui:define name="content">
		<div class="content">
			<div class="article-container">
				<h3>إستمارة الباحثين عن عمل في الكويت</h3>

				<div class="article-separator"></div>

				<div class="clear-floating"></div>

				<h:form>


					<p:messages id="msgs"></p:messages>

					<div class="form_settings">
						<p>
							<span>الإســـــــــم</span>
							<p:inputText value="#{employmentFormBean.name}" required="true"
								requiredMessage="الرجاء إدخال الإسم"></p:inputText>
							<!-- <input type="text" name="name" value="" /> -->
						</p>
						<p>
							<span>البريد الإلكتروني</span>
							<p:inputText value="#{employmentFormBean.email}" required="true" 
								requiredMessage="الرجاء إدخال البريد الإلكتروني"
								validatorMessage="الرجاء إدخال بريد إلكتروني صحيح">
								<f:validateRegex
									pattern="[\w\.-]*[a-zA-Z0-9_]@[\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]" />
							</p:inputText>
							<!-- <input type="text" name="name" value="" />  -->
						</p>
						<p>
							<span>الهاتــــــــف</span>
							<p:inputText value="#{employmentFormBean.phone}" required="true"
								requiredMessage="الرجاء إدخال الهاتف"></p:inputText>
							<!-- <input type="text" name="name" value="" /> -->
						</p>
						<p>
							<span>المؤهل العلمــي</span>
							<p:inputText value="#{employmentFormBean.education}"
								required="true" requiredMessage="الرجاء إدخال المؤهل العلمي"></p:inputText>
							<!-- <input type="text" name="name" value="" /> -->
						</p>
						<p>
							<span>المهنة المطلوبــة</span>
							<p:inputText value="#{employmentFormBean.wantedJob}"
								required="true" requiredMessage="الرجاء إدخال المهنة المطلوبة"></p:inputText>
							<!-- <input type="text" name="name" value="" />  -->
						</p>
						<p>
							<span>الخبـــــــــــرات</span>
							<p:inputTextarea value="#{employmentFormBean.expertises}"
								required="true" requiredMessage="الرجاء إدخال الخبرات" rows="8"
								cols="50"></p:inputTextarea>
							<!-- <textarea rows="8" cols="50" name="name" ></textarea>  -->
						</p>
						<div dir="ltr" class="captcha-input">
							<p>
								<p:captcha id="captcha" required="true" 
									validatorMessage="الرجاء إدخال الرمز الصحيح"
									requiredMessage="الرجاء إدخال الرمز الصحيح" language="ar"
									theme="white"></p:captcha>
								<!-- <textarea rows="8" cols="50" name="name" ></textarea>  -->
							</p>
						</div>


						<div class="clear-floating"></div>

						<p style="padding-top: 15px">
							<span>&#160;</span>
							<p:commandButton styleClass="center" update="msgs" ajax="true"
								actionListener="#{employmentFormBean.submitForm}" value="إرسال" />
						</p>
					</div>
				</h:form>

			</div>

		</div>
		<div class="clear-floating"></div>



	</ui:define>


</ui:composition>
</html>